<%-- 
    Document   : index
    Created on : 16/06/2014, 08:57:47
    Author     : Daniel
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link href="css/style.css" rel="stylesheet" type="text/css"/>
        <script src="scripts/jquery-1.5.2.min.js" type="text/javascript"></script>
        <script src="scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
        <title>Incrição</title>

    </head>

    <body>

        <form action="doInsc" method="POST" >
            <div class="box">

                <h1>Formulário de Inscrição</h1>

                <label for="txt_nome">
                    <span>Nome</span>
                    <input id="txt_nome" type="text" name="nome" class="input_text" required />
                </label>

                <label for="txt_telefone">
                    <span>Telefone</span>
                    <input id="txt_telefone" type="tel" name="telefone" class="input_text" />
                </label>

                <label for="txt_celular">
                    <span>Celular</span>
                    <input id="txt_celular" type="tel" name="celular" class="input_text" />
                </label>

                <label for="txt_email">
                    <span>E-mail</span>
                    <input id="txt_email" type="email" name="email" class="input_text" required />
                </label>

                <label for="txt_experiencia">
                    <span>Experiência</span>
                    <input type="radio" name="experiencia" value="S" /> Sim
                    <input type="radio" name="experiencia" value="N" /> Não
                </label>

                <label for="txt_descricao">
                    <span>Descrição</span>
                    <textarea id="txt_descricao" name="descricao" class="mensagem" ></textarea>
                    <input type="submit" class="button" />
                </label>

            </div>
        </form>

    </body>
    <script>
        jQuery(function($) {
            $("#campoData").mask("99/99/9999");
            $("#txt_telefone").mask("(99) 9999-9999");
            $("#txt_celular").mask("(99) 9999-9999");
            $("#campoSenha").mask("***-****");
        });
    </script>
</html>
